<template>
  <v-touch class="wrapper" v-on:swipeleft="onSwipeLeft" v-on:swiperight="onSwipeRight">
    <div class="left-top-title">
      <div class="left-line black animated fadeIn"></div>
      <img class="animated fadeInLeft" src="static/functionLayout/title-en.png" alt="">
      <h1 class="animated fadeInLeft"><img src="static/functionLayout/title-zh.png" alt=""></h1>
    </div>
    <left-menu></left-menu>
    <img class="background" src="static/functionLayout/background.png" alt="">
  </v-touch>
</template>

<script>
import leftMenu from '@/components/LeftMenu';

export default {
  components: {
    leftMenu,
  },
  methods: {
    onSwipeLeft() {
      this.$router.push('/interiorOfTheBuilding');
    },
    onSwipeRight() {
      this.$router.push('/locationAdvantages');
    },
  },
};
</script>

<style lang="stylus" scoped>

</style>
